<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="../comm/buy_comm.css"/>
    <link rel="stylesheet" type="text/css" href="../comm/xy-pop.css"/>
    <link rel="stylesheet" type="text/css" href="../shop_order/shop_order.css"/>
    <link rel="stylesheet" type="text/css" href="./css/search.css">
    <title>订单搜索</title>
    <style type="text/css">
    	.header > .wrapper > .backtrack{
    		width: 40px;position: absolute;top: -3px;left: 0;
    	}
    	.header > .wrapper{
    		padding: 0 40px;
    	}
    	.header > .wrapper > .title{
    		position: static;width: 100%;
		    transform: translateX(0);
    		-moz-transform: translateX(0);
   	 		-webkit-transform: translateX(0);
    	}
    	input.search-order{
    		height: 30px;width: 100%;margin-top: -3px;border: 1px solid #ccc;border-radius: 15px;
    		font-size: 14px;font-weight: 500;text-indent: 15px;
    	}
    	.header > .wrapper > .right-btn{
    		font-size: 14px;text-align: center;width: 40px;height: 36px;line-height: 36px;
    		top: 5px;right: 0;
    	}
    	.container.top-container{
    		padding-top: 3rem !important;
    	}
      .navigationBar {
    background-color: #fff;
    border-bottom: none;
    height: 3.5rem!important;
    padding-top: 1.7rem;
    font-weight: bold;
    padding-bottom: 0 !important;
}
    </style>
</head>

<body>
	<div class="header navigationBar" style="background: #fff !important;">
      	<div class="wrapper">
          	<span id="btn-back" class="header-btn left-btn backtrack"></span>
          	<span class="title">
          		<!-- <input class="search-order" type="text" name="" id="searchInput" value="" placeholder="商品关键字|订单号|名字|电话" /> -->
          	</span>
          	<span class="right-btn" id="goSearch">搜索</span>
      	</div>
  	</div>
  	<div class="container top-container" v-cloak>
  		<div class="order-my-null" id="orderMySearch">
  			<img src="../../../image/shop/buy/buy-76.png"/>
  			<h2>请输入关键字，搜索相关订单</h2>
  		</div>
  		<div class="order-my-null" style="display: none;" id="orderMyNull">
  			<img src="../../../image/shop/buy/buy-76.png"/>
  			<h2>你还没有相关订单</h2>
  			<p>要是宝贝到手了，那就赶紧享用吧</p>
  		</div>
  		<ul class="order-my-list shop_order_list" id="search-list" v-if="list != ''">
			<li v-for="(item,index) in list" :data-orderid="item.id" :class="item.group_buying == 1 ? 'order-my-group' : ''">
  				<div class="order_list_buyer">
  					<u>
  						<img src="../../../image/shop/buy/buy-17.png"/><span v-html="item.shop_name"></span>
  						<img src="../../../image/shop/buy/buy-23.png" />
  					</u>
  					<i v-html="item.order_state_msg"></i>
  				</div>
  				<div class="order_list_box" v-for="goods in item.goods" @click="goOrderDetail" >
  					<div class="order_list_img">
	  					<img :src="goods.goods_image+'?x-oss-process=image/resize,m_lfit,w_960'"/>
	    			</div>
	    			<div class="order_list_info">
	    				<h2 v-html="goods.goods_name"></h2>
	    				<p><span v-html="'¥'+goods.price"></span></p>
	    				<p v-html="'型号：'+goods.option_name"></p>
	    				<p v-html="'数量：'+goods.quantity"></p>
	    				<!--<a href="javascript:void(0);" @click="goRefundApply" data-mod="quit">申请退款</a>-->
	    			</div>
  				</div>
  				<div class="order_list_money">
  					<span v-html="'实付：¥'+item.order_amount"></span>
  				</div>
  				<div class="order_list_btn" :data-orderid="item.id" :data-group="item.group_buying">
  					<!-- <a href="javascript:void(0);" @click="contactSeller" :data-userinfo="JSON.stringify(item.shop_user)">联系卖家</a> -->
  				</div>
  			</li>
		</ul>
  	</div>
</body>
<script src="../../sea.js" data-main="../../main"></script>
<script type="text/javascript" src="../../vue.js"></script>
<script type="text/javascript" src="./js/search.js"></script>
</html>
